<template>
  <div class="waiup">
    <div class="upb1">
      <div class="upb2" />
      <div class="upb3">
        <div class="upb4">
          <h2 class="upb5">修改用户信息</h2>
        </div>
        <el-divider></el-divider>
        <updateFormVue />
      </div>
    </div>
  </div>
</template>
<script setup>
import { onMounted } from 'vue'
import updateFormVue from '@/components/Client/updateCom/mobile/updateFormMobile'
import router from '@/router'
onMounted(() => {
  if (document.documentElement.clientWidth > document.documentElement.clientHeight) {
    router.push('/updateUser')
  }
})
</script>
<style lang="scss" scoped>
.waiup {
  background-image: url('../../assets/sz5.jpg');
  background-size: cover;
  z-index: -1;
  background-repeat: no-repeat;
}
.upb1 {
  width: 100%;
  height: 780px;
  align-content: center;
}
.upb2 {
  width: 100%;
  height: 30px;
}
.upb3 {
  margin-top: 2%;
  width: 98%;
  height: 620px;
  text-align: center;
  margin-top: -20%;
  margin-left: 1%;
  background-color: white;
}
.upb4 {
  margin-top: 20px;
}
.upb5 {
  font-size: x-large;
  color: orange;
  margin-top: 50px;
}
</style>
